<html lang="zh"
      xmlns:th="http://www.thymeleaf.org">
 <!--<![endif]-->
 <head> 
  <meta charset="utf-8" /> 
  <title>闪送 --专人直送，60分钟送达</title> 
  <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 
  <meta content="width=device-width, initial-scale=1.0" name="viewport" /> 
  <meta content="" name="description" /> 
  <meta content="" name="author" /> 
  <meta name="MobileOptimized" content="320" /> 
  <link th:href="@{/css/font-awesome.min.css}" rel="stylesheet" type="text/css" /> 
  <link th:href="@{/css/font-awesome-ie7.min.css}" rel="stylesheet" type="text/css" /> 
  <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet" type="text/css" />
  <link th:href="@{/css/style-metronic.css}" rel="stylesheet" type="text/css" /> 
  <link th:href="@{/css/style.css}" rel="stylesheet" type="text/css" /> 
  <link th:href="@{/css/style-responsive.css}" rel="stylesheet" type="text/css" /> 
  <link th:href="@{/css/plugins.css}" rel="stylesheet" type="text/css" /> 
  <link th:href="@{/css/default.css}" rel="stylesheet" type="text/css" /> 
  <link th:href="@{/css/login-soft.css}" rel="stylesheet" type="text/css" /> 
  <link th:href="@{/css/custom.css}" rel="stylesheet" type="text/css" /> 
  <link th:href="@{/css/blue.css}" rel="stylesheet" type="text/css" id="style_color" /> 
  <!-- END THEME STYLES --> 
  <style>
		/*兼容ie7-8*/
		.login .content .nav li{
			width: 150px\9;
			height: 40px\9;
			float: left\9;
		}
		.qlogin-form .form-group .logininput{
			width: 300px!important\9;
			height: 24px!important\9;
			margin-top: 20px!important\9;
		}
		#username,#password{
			width: 300px!important\9;
			height: 24px!important\9;
		}
		#qpassword{
			*width: 160px!important;
			*float: left;
		}
		.input-group-btn{
			*width: 130px!important;
			*float: left;
			*margin-top: 20px!important;			
		}
		.loginTitles{
			font-size: 18px;
			color: #fff;
			line-height: 20px;
		}
		.loginTitles .loginTip{
			font-size: 13px;
			cursor: pointer;
		}
		.mobileLogin{
			/*display: none;*/
		}

        #captcha_pic {
            border-radius: 0px;
            cursor: pointer;
            position: absolute;
            z-index: 1;
            /*right: 10;*/
            top: 0;
            line-height: 34px;
        }

        #captcha_link {
            margin-left: 90px;
            font-size: 12px;
            line-height: 34px;
            vertical-align: top;
            /*zoom:1;*/
        }

        #captcha {
            width: 160px;
        }
	</style> 
 </head> 
 <!-- BEGIN BODY --> 
 <body class="login"> 
  <!-- BEGIN LOGO --> 
  <div class="logo"> 
   <a th:href="@{/}"> <img th:src="@{/images/logo.png}" alt="闪送" /> </a>
  </div> 
  <!-- END LOGO --> 
  <div class="content"> 
   <div class="tabbable-custom nav-justified">
    <div class="tab-content"> 
     <div class="tab-pane mobileLogin " id="tab1"> 
      <!-- BEGIN LOGIN --> 
      <div class="account_login">
      </div> 
      <!-- END LOGIN --> 
     </div> 
     <div class="tab-pane userLogin active" id="tab2"> 
      <!-- BEGIN LOGIN --> 
      <div class="account_login"> 
       <!-- BEGIN LOGIN FORM --> 
       <form class="login-form" th:action="@{/user/login}" method="post" novalidate="novalidate" th:object="${user}">
        <div class="alert alert-error hide"> 
         <button class="close" data-dismiss="alert"></button> 
         <span>输入正确的用户名或密码。</span> 
        </div> 
        <div class="form-group"> 
         <!--ie8, ie9 does not support html5 placeholder, so we just show field title for that--> 
         <label class="control-label visible-ie8 visible-ie9">用户名</label> 
         <div class="input-icon"> 
          <i class="icon-user"></i> 
          <input class="form-control placeholder-no-fix" autocomplete="on" placeholder="输入手机号码" th:field="*{phoneNum}" id="username" value="" maxlength="11" type="text" />
          <th:block th:if="${message1}"><span style="color: red" th:text="${message1}"></span></th:block>
         </div>
        </div> 
        <div class="form-group"> 
         <label class="control-label visible-ie8 visible-ie9">密码</label> 
         <div class="input-icon"> 
          <i class="icon-lock"></i> 
          <input class="form-control placeholder-no-fix" autocomplete="on" placeholder="输入密码" maxlength="30" th:field="*{password}" id="password" type="password" />
          <th:block th:if="${message2}"><span style="color: red" th:text="${message2}"></span></th:block>
         </div>
        </div> 
        <p style="text-align: right;"> <a th:href="@{/user/findPassword}" id="forget-password">忘记密码？</a> </p>
        <div class="form-actions"> 
         <button type="submit" id="submit" class="btn theme-btn btn-block" disabled> 登录 <i class="m-icon-swapright m-icon-white"></i> </button>
        </div>
        <input type="checkbox" name="check_id" id="check_id" value="checkbox" th:onclick="isaccepted()" />阅读并接受<a href="javascript:void(0)">《用户协议》</a>及<a>《隐私协议》</a>

        <div class="create-account"> 
         <p> 还没有账户么 ？&nbsp; <a th:href="@{/user/register}" id="register-btn">快速注册</a> </p>
        </div> 
       </form>
       <!-- END LOGIN FORM --> 
      </div> 
      <!-- END LOGIN --> 
     </div> 
    </div> 
   </div> 
  </div>
  <!-- END JAVASCRIPTS -->
  <div class="backstretch" style="left: 0px; top: 0px; overflow: hidden; margin: 0px; padding: 0px; height: 100%; width: 100%; z-index: -999999; position: fixed;">
   <img style="position: absolute; margin: 0px; padding: 0px; border: medium none; width: 100%; height: 100%; max-width: none; z-index: -999999; left: 0px; top: 0px;" th:src="@{/images/1.jpg}" />
  </div>
  <script>
    function isaccepted(){
       if(document.getElementById("check_id").checked==true){
        document.getElementById("submit").disabled = false;
       }else{
        document.getElementById("submit").disabled = true;
       }
    }
  </script>
 </body>
</html>